pre {
  width: 100%;
  padding: 10px;
  border-radius: 8px;
}

section {
  .header-anchor {
    opacity: 0;
    transition: all .4s;
  }

  

  .header-anchor:hover {
    opacity: 1;
  }

  h1,h2,h3,h4,h5,h6 {
    font-weight: 500;
  }

  h1 {
    font-size: 34px;
    padding: 14px 0;
  }

  h2 {
    font-size: 30px;
    padding: 12px 0;
  }

  h3 {
    font-size: 24px;
    padding: 10px 0;
  }

  h4 {
    font-size: 20px;
    padding: 8px 0;
  }

  h5 {
    font-size: 16px;
    padding: 6px 0;
  }

  h6 {
    font-size: 12px;
    padding: 4px 0;
  }

  ul {
    list-style: none;
  }

  p {
    padding: 8px 0;

    code {
      padding: 4px;
      background-color: #f2f2f2;
      border: solid 1px #e8e8e8;
      margin: 0 8px;
      border-radius: 4px;
    }
  }

  table {
    width: 100%;
    border-collapse:collapse;

    thead >  {
      border-bottom: solid 1px #f2f2f2;

      tr > th {
        height: 50px;
        font-weight: 500;
        text-align: left;
        padding: 10px;
      }
    }
    
    tbody {
      tr {
        border-bottom: solid 1px #f2f2f2;
        height: 50px;

        td {
          padding: 10px;

        }
      }
    }
  }
}